<!-- 顶部导航栏 -->
<template>
  <div class="home-nav-box">
    <div class="home-nav">
      <!-- <div class="nav-left">
        <div class="left-icon"></div>
      </div> -->
      <div class="nav-icon">
        <span>灵韵茶庄</span>
      </div>
      <div class="nav-right"></div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.home-nav-box {
  width: 100vw;
  border-bottom: 1px solid rgba($color: #000000, $alpha: 0.6);
  box-sizing: border-box;
  .home-nav {
    padding: 0.625rem;
    // .nav-left {
    //   .left-icon {
    //     width: 1.25rem;
    //     height: 1.25rem;
    //     background: url(../assets/images/more_icon.png) no-repeat;
    //     background-size: 1.25rem;
    //   }
    // }
    .nav-icon {
      width: 100%;
      text-align: center;
      padding: 5px 0;
      color: #077207;
    }
  }
}
</style>
